<%@page import="actions.TestMyDb"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Gestionnaire de rendus</title>

<!-- CSS IMPORT -->

<style type="text/css">
@import url(./css/normalize.css);
</style>

<style type="text/css">
@import url(./css/bootstrap.min.css);
</style>

<style type="text/css">
@import url(./css/font-awesome.min.css);
</style>

<style type="text/css">
@import url(./css/font-awesome.css);
</style>

<style type="text/css">
@import url(./css/style.css);
</style>

<link href='http://fonts.googleapis.com/css?family=Open+Sans'
	rel='stylesheet' type='text/css'>

</head>
<body onload="logFillPage();">

	<!-- La page est divisée en deux : une interface de loading et l'appli elle même -->

	<div id="logLoading">
		<div class="container">
			<div class="row">
				<div class="col-md-4 col-md-offset-4 logLoading">
					<i class="fa fa-spinner fa-spin"></i>
					<p>Veuillez patienter</p>
				</div>
			</div>
		</div>
	</div>
	<div id="pageContent" hidden>
		<!-- Header of the page -->
		<nav class="navbar navbar-default" role="navigation"> <!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="javascript:navigation('home');">Gestionnaire
				de rendus</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="container">
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li id="navMenuHome" onclick="navigation('home', this.id)"
						class="active renderNav"><a>Accueil</a></li>
					<li id="navMenuRendus" onclick="navigation('rendus', this.id)"
						class="renderNav"><a>Rendus</a></li>
					<li id="navMenuModules" onclick="navigation('modules', this.id)"
						class="renderNav"><a>Modules</a></li>
					<li id="navMenuGroupes" onclick="navigation('groupes', this.id)"
						class="renderNav"><a>Groupes</a></li>
				</ul>
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Recherche">
					</div>
					<button type="submit" class="btn btn-default">Go!</button>
				</form>
				<ul class="nav navbar-nav navbar-right">
					<li id="navMenuUsers" onclick="navigation('users', this.id)"
						class="renderNav"><a>Utilisateurs</a></li>
					<li class="dropdown"><a id="dropdownUserLogin" href="#"
						class="dropdown-toggle" data-toggle="dropdown"> <b
							class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#">Mes rendus</a></li>
							<li><a href="#">Mes modules</a></li>
							<li><a href="#">Mes groupes</a></li>
							<li class="divider"></li>
							<li><a href="javascript:logOff()"><i
									class="fa fa-power-off"></i> Se déconnecter</a></li>
						</ul></li>
				</ul>
			</div>
		</div>
		<!-- /.navbar-collapse --> </nav>

		<!-- Begin of page content -->

		<div id="pageContainer">
			<!-- ###################################################### -->
			<!-- HOME -->
			<div id="home" class="container">
				<div class="row">
					<div class="col-md-5 col-md-offset-1">
						<div class="row stripe centered homeLogo">
							<i class="fa fa-cloud-download"></i>
						</div>
						<div class="row stripe centered">
							<h3>
								Bienvenue sur le <span class="bluetext">gestionnaire de
									rendus</span> de l'ENSEIRB-Matméca
							</h3>
						</div>
					</div>
					<div class="col-md-5">
						<div class="row stripe">
							<div class="col-md-12">
								<div class="row stripeTitle">
									<p>
										<i class="fa fa-info"></i> Mes news
									</p>
								</div>
								<div class="alert alert-info alert-dismissable">
									<button type="button" class="close" data-dismiss="alert"
										aria-hidden="true">&times;</button>
									<strong>New!</strong> M. Falleri a commenté votre rendu
									"IT001".
								</div>
								<div class="alert alert-success alert-dismissable">
									<button type="button" class="close" data-dismiss="alert"
										aria-hidden="true">&times;</button>
									<strong>Bravo!</strong> Votre rendu pour le module "IT001" a
									bien été uploadé.
								</div>
								<div class="alert alert-danger alert-dismissable">
									<button type="button" class="close" data-dismiss="alert"
										aria-hidden="true">&times;</button>
									<strong>Attention!</strong> Il ne vous reste que 24 heures pour
									rendre votre rendu "IT001".
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /.container -->

			<!-- ###################################################### -->
			<!-- RENDUS -->
			<div id="rendus" class="container" hidden>
				<div class="row">
					<div class="row stripe stripeTitle">
						<div class="col-md-8">
							<div class="row ">
								<p>
									<i class="fa fa-book"></i> Mes rendus
								</p>
							</div>
						</div>
						<div class="col-md-1 col-md-offset-1">
							<button type="button"
								class="btn btn-default btn-block refreshBtn" href="#"
								onclick="refreshUserRender();">
								<i class="fa fa-refresh"></i>
							</button>
						</div>
						<div class="col-md-2">
							<button type="button" class="btn btn-default btn-block" href="#"
								onclick="goToRenderCreate();">
								<i class="fa fa-plus"></i> Créer un rendu
							</button>
						</div>
					</div>
					<!-- Renders list -->
					<div id="renderResultRow" class="row stripe"></div>


					<div id="renderInfoRow" class="row stripe" hidden>
						<!-- render Info First Tab -->
						<!-- Render Name -->
						<div class="row">
							<div class="col-md-12">
								<p id="renderInfoName">Nom du Rendu</p>
							</div>
						</div>
						<!-- Render Info -->
						<div class="row">
							<div id="renderInfoCol" class="col-md-9">
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>ID du rendu</p>
									</div>
									<div class="col-md-8">
										<p id="renderInfoId"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Description</p>
									</div>
									<div class="col-md-8">
										<p id="renderInfoDescription"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Deadline</p>
									</div>
									<div class="col-md-8">
										<p id="renderInfoDeadlineLimit"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">Votre date de rendu</div>
									<div class="col-md-8">
										<p id="renderInfoDeadLineEffective"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">Coefficient</div>
									<div class="col-md-8">
										<p id="renderInfoScale"></p>
									</div>
								</div>
							</div>
							<div id="renderManageCol" class="col-md-3"></div>
						</div>
						<!--  ##############  FILE TAB ############## -->
						<div class="row stripe">
							<!--  ############## UPLOAD A FILE TAB ############## -->
							<div class="col-md-3">
								<div class="col-md-12 stripeTitle" id="upload_file_pan">
									<p>Uploader un fichier</p>
								</div>
								<div class="col-md-12">
									<form action="upload" method="post" id="upload_file_form"
										enctype="multipart/form-data">
										<div class="form-group">
											<div class="row margin">
												<input id="name" name="sFileName" type="text"
													placeholder="File Name" class=" form-control input-xlarge">
											</div>
											<input type="hidden" id="input_id_render" name="idRender"
												value="null"> <input type="hidden"
												id="input_id_user" name="idUser" value="null">
											<div class="row margin">
												<input type="file" name="myFile" id="filebutton"
													class="input-file" />
											</div>
											<div class="row margin">
												<button type="submit" class="btn btn-default"
													onclick="feedback();" id="button_file" value="Upload" />
												Upload
												</button>
											</div>
										</div>
									</form>
								</div>
							</div>


							<!--  ############## All UPLOADED FILES TAB ############## -->
							<div class="col-md-9">
								<div class="col-md-12 stripeTitle">
									<p>
										<i class="fa fa-download"></i> Fichiers Uploadés
									</p>
								</div>

								<div id="filesResultRow" class="row">
									<!-- Single File template -->
									<div class="col-md-4">
										<a href="#" class="col-md-4"> <i class="fa fa-file-text"
											style="font-size: 100px;"></i>
										</a>
										<div class="col-md-8">
											<div class="row labelInfo">
												<div class="col-md-4 labelName">Fichier :</div>
												<div class="col-md-8">
													<p id="FileInfoName"></p>
												</div>
											</div>
											<div class="row labelInfo">
												<div class="col-md-4 labelName">Date de dépôt :</div>
												<div class="col-md-8">
													<p id="FileInfoDateDepot"></p>
												</div>
											</div>
											<div class="row labelInfo">
												<div class="col-md-4 labelName">Corrigé :</div>
												<div class="col-md-8">
													<p id="FileInfoIsCorrected"></p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>


						</div>
					</div>
					<div id="renderCreateRow" class="row stripes" hidden>
						<div class="col-md-9">
							<form id="renderCreateForm" class="form-horizontal" role="form">
								<div class="form-group">
									<label for="renderCreateName" class="col-sm-2 control-label">Nom
										du rendu</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="renderCreateName"
											placeholder="Nom du rendu">
									</div>
								</div>
								<div class="form-group">
									<label for="renderCreateModule" class="col-sm-2 control-label">Module</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="renderCreateModule" placeholder="ID du module">
									</div>
								</div>
								<div class="form-group">
									<label for="renderCreateDescription"
										class="col-sm-2 control-label">Description</label>
									<div class="col-sm-10">
										<textarea id="renderCreateDescription" class="form-control"
											rows="3" placeholder="Description du rendu"></textarea>
									</div>
								</div>
								<div class="form-group">
									<label for="renderCreateDeadlineLimit"
										class="col-sm-2 control-label">Date limite</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="renderCreateDeadlineLimit"
											placeholder="Date limite. Format : AAAA/MM/JJ HH:MM:SS">
									</div>
								</div>
								<div class="form-group">
									<label for="renderCreateScale" class="col-sm-2 control-label">Coefficient</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="renderCreateScale"
											placeholder="Coefficient">
									</div>
								</div>
							</form>
							<div id="renderCreateSuccess"
								class="alert alert-success alert-dismissable" hidden>
								<button type="button" class="close" data-dismiss="alert"
									aria-hidden="true">&times;</button>
								<strong>Bravo!</strong> Rendu créé avec succès
							</div>
						</div>
						<div id="renderCreateManage" class="col-md-3">
							<button type="button" class="btn btn-info btn-block" href="#"
								onclick="goBackFromRenderCreate();">
								<i class="fa fa-reply fa-lg"></i> Retour
							</button>
							<button type="button" class="btn btn-warning btn-block" href="#"
								onclick="clearFormInputs('renderCreateForm');">
								<i class="fa fa-magic"></i> RàZ
							</button>
							<button type="button" class="btn btn-success btn-block" href="#"
								onclick="createRender();">
								<i class="fa fa-plus"></i> Ajouter
							</button>
						</div>
					</div>
					
					<div id="renderSearchRow">
						<div class="row stripe stripeTitle">
							<div class="col-md-8">
								<div class="row">
									<p>
										<input id="renderSearchRowInput" type="text" class="form-control specialSearchInput input-lg"
											placeholder="Rechercher un rendu"
											onkeyup="searchRenderTimer(this.value, this.id)">
									</p>
								</div>
							</div>
						</div>
						<div id="renderSearchRowResult"></div>
					</div>

				</div>
			</div>
			<!-- /.container -->

			<!-- ###################################################### -->
			<!-- GROUPES -->
			<div id="groupes" class="container" hidden>
				<div class="row">
					<div class="row stripe stripeTitle">
						<div class="col-md-8">
							<div class="row ">
								<p>
									<i class="fa fa-group"></i> Mes groupes
								</p>
							</div>
						</div>
						<div class="col-md-1 col-md-offset-1">
							<button type="button"
								class="btn btn-default btn-block refreshBtn" href="#"
								onclick="refreshUserGroup();">
								<i class="fa fa-refresh"></i>
							</button>
						</div>
						<div class="col-md-2">
							<button type="button" class="btn btn-default btn-block" href="#"
								onclick="goToGroupCreate();">
								<i class="fa fa-plus"></i> Créer un groupe
							</button>
						</div>
					</div>
					<div id="groupResultRow" class="row stripe"></div>
					<div id="groupInfoRow" class="row stripe" hidden>
						<div class="row">
							<div class="col-md-12">
								<p id="groupInfoName">Nom du groupe</p>
							</div>
						</div>
						<div class="row">
							<div id="groupInfoCol" class="col-md-9">
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>ID du groupe</p>
									</div>
									<div class="col-md-8">
										<p id="groupInfoId"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Correcteur</p>
									</div>
									<div class="col-md-8">
										<p id="groupInfoCorrector"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Rendu correspondant</p>
									</div>
									<div class="col-md-8">
										<p id="groupInfoRender"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Rapport de note</p>
									</div>
									<div class="col-md-8">
										<p id="groupInfoNoteReport"></p>
									</div>
								</div>
							</div>
							<div id="groupManageCol" class="col-md-3"></div>
						</div>
					</div>
					<div id="groupCreateRow" class="row stripes" hidden>
						<div class="col-md-9">
							<form id="groupCreateForm" class="form-horizontal" role="form">
								<div class="form-group">
									<label for="groupCreateName" class="col-sm-2 control-label">Nom
										du groupe</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="groupCreateName"
											placeholder="Nom du groupe">
									</div>
								</div>
								<div class="form-group">
									<label for="groupCreateCorrector"
										class="col-sm-2 control-label">Correcteur</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="groupCreateCorrector" placeholder="ID du correcteur">
									</div>
								</div>
								<div class="form-group">
									<label for="groupCreateRender" class="col-sm-2 control-label">Rendu</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="groupCreateRender"
											placeholder="ID du rendu">
									</div>
								</div>
								<div class="form-group">
									<label for="groupCreateNoteReport"
										class="col-sm-2 control-label">Rapport de note</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="groupCreateNoteReport"
											placeholder="ID du rapport de note">
									</div>
								</div>
							</form>
							<div id="groupCreateSuccess"
								class="alert alert-success alert-dismissable" hidden>
								<button type="button" class="close" data-dismiss="alert"
									aria-hidden="true">&times;</button>
								<strong>Bravo!</strong> Groupe créé avec succès
							</div>
						</div>
						<div id="groupCreateManage" class="col-md-3">
							<button type="button" class="btn btn-info btn-block" href="#"
								onclick="goBackFromGroupCreate();">
								<i class="fa fa-reply fa-lg"></i> Retour
							</button>
							<button type="button" class="btn btn-warning btn-block" href="#"
								onclick="clearFormInputs('groupCreateForm');">
								<i class="fa fa-magic"></i> RàZ
							</button>
							<button type="button" class="btn btn-success btn-block" href="#"
								onclick="createGroup();">
								<i class="fa fa-plus"></i> Ajouter
							</button>
						</div>
					</div>
					<div id="groupSearchRow">
						<div class="row stripe stripeTitle">
							<div class="col-md-8">
								<div class="row">
									<p>
										<input id="groupSearchRowInput" type="text" class="form-control specialSearchInput input-lg"
											placeholder="Rechercher un groupe"
											onkeyup="searchGroupTimer(this.value, this.id)">
									</p>
								</div>
							</div>
						</div>
						<div id="groupSearchRowResult"></div>
					</div>
				</div>
			</div>
			<!-- /.container -->

			<!-- ###################################################### -->
			<!-- MODULES -->
			<div id="modules" class="container" hidden>
				<div class="row">
					<div class="row stripe stripeTitle">
						<div class="col-md-8">
							<div class="row ">
								<p>
									<i class="fa fa-folder-open"></i> Mes modules
								</p>
							</div>
						</div>
						<div class="col-md-1 col-md-offset-1">
							<button type="button"
								class="btn btn-default btn-block refreshBtn" href="#"
								onclick="refreshUserModule();">
								<i class="fa fa-refresh"></i>
							</button>
						</div>
						<div class="col-md-2">
							<button type="button" class="btn btn-default btn-block" href="#"
								onclick="goToModuleCreate();">
								<i class="fa fa-plus"></i> Créer un module
							</button>
						</div>
					</div>
					<div id="moduleResultRow" class="row stripe"></div>
					<div id="moduleInfoRow" class="row stripe" hidden>
						<div class="row">
							<div class="col-md-12">
								<p id="moduleInfoName">Nom du Module</p>
							</div>
						</div>

						<div class="row">
							<div id="moduleInfoCol" class="col-md-9">
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>ID du module</p>
									</div>
									<div class="col-md-8">
										<p id="moduleInfoId"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Identifiant</p>
									</div>
									<div class="col-md-8">
										<p id="moduleInfoEnseirbId"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Description</p>
									</div>
									<div class="col-md-8">
										<p id="moduleInfoDescription"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Propriétaire</p>
									</div>
									<div class="col-md-8">
										<p id="moduleInfoUserId"></p>
									</div>
								</div>
							</div>
							<div id="moduleManageCol" class="col-md-3"></div>
						</div>
					</div>
					<div id="moduleCreateRow" class="row stripes" hidden>
						<div class="col-md-9">
							<form id="moduleCreateForm" class="form-horizontal" role="form">
								<div class="form-group">
									<label for="moduleCreateName" class="col-sm-2 control-label">Nom
										du module</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="moduleCreateName"
											placeholder="Nom du module">
									</div>
								</div>
								<div class="form-group">
									<label for="moduleCreateEnseirbId"
										class="col-sm-2 control-label">ID Enseirb</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="moduleCreateEnseirbId"
											placeholder="ID ENSEIRB, ex: IT340">
									</div>
								</div>
								<div class="form-group">
									<label for="moduleCreateDescription"
										class="col-sm-2 control-label">Description</label>
									<div class="col-sm-10">
										<textarea id="moduleCreateDescription" class="form-control"
											rows="3" placeholder="Description du module"></textarea>
									</div>
								</div>
								<div class="form-group">
									<label for="moduleCreateIdOwner" class="col-sm-2 control-label">Propriétaire</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="moduleCreateIdOwner"
											placeholder="ID du propriétaire du module">
									</div>
								</div>
							</form>
							<div id="moduleCreateSuccess"
								class="alert alert-success alert-dismissable" hidden>
								<button type="button" class="close" data-dismiss="alert"
									aria-hidden="true">&times;</button>
								<strong>Bravo!</strong> Module créé avec succès
							</div>
						</div>
						<div id="userCreateManage" class="col-md-3">
							<button type="button" class="btn btn-info btn-block" href="#"
								onclick="goBackFromModuleCreate();">
								<i class="fa fa-reply fa-lg"></i> Retour
							</button>
							<button type="button" class="btn btn-warning btn-block" href="#"
								onclick="clearFormInputs('moduleCreateForm');">
								<i class="fa fa-magic"></i> RàZ
							</button>
							<button type="button" class="btn btn-success btn-block" href="#"
								onclick="createModule();">
								<i class="fa fa-plus"></i> Ajouter
							</button>
						</div>
					</div>
					<!-- TEST SEARCH -->
					<div id="moduleSearchRow">
						<div class="row stripe stripeTitle">
							<div class="col-md-8">
								<div class="row">
									<p>
										<input id="moduleSearchRowInput" type="text" class="form-control specialSearchInput input-lg"
											placeholder="Rechercher un module"
											onkeyup="searchModuleTimer(this.value, this.id)">
									</p>
								</div>
							</div>
						</div>
						<div id="moduleSearchRowResult"></div>
					</div>
					<!-- END TEST SEARCH -->
				</div>
			</div>
			<!-- /.container -->
			<!-- ###################################################### -->
			<!-- USERS -->
			<div id="users" class="container" hidden>
				<div class="row">
					<div class="row stripe stripeTitle">
						<div class="col-md-8">
							<div class="row ">
								<p>
									<i class="fa fa-user"></i> Utilisateurs
								</p>
							</div>
						</div>
						<div class="col-md-2 col-md-offset-2">
							<button type="button" class="btn btn-default btn-block" href="#"
								onclick="goToUserCreate();">
								<i class="fa fa-plus"></i> Ajouter un utilisateur
							</button>
						</div>
					</div>
					<div id="userSearch">
						<div class="row stripes" id="userSearchBar">
							<div class="col-md-9">
								<div class="input-group input-group-lg">
									<span class="input-group-addon"><i class="fa fa-search"></i></span>
									<input id="userSearchInput" type="text" class="form-control"
										placeholder="Recherchez un ou plusieurs utilisateurs"
										onkeyup="searchPeopleTimer(this.value, this.id)">
								</div>
							</div>
						</div>
						<div class="row stripes" id="userSearchResult"></div>
					</div>
					<div id="userInfoRow" class="row stripes" hidden>
						<div class="row">
							<div class="col-md-12">
								<p id="userInfoName">Nom du Module</p>
							</div>
						</div>
						<div class="row">
							<div id="userInfoCol" class="col-md-9">
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Identifiant</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoId"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Login</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoLogin"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Mail</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoMail"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Entité</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoEntity"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Droits</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoRight"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Status</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoStatus"></p>
									</div>
								</div>
								<div class="row labelInfo">
									<div class="col-md-4 labelName">
										<p>Actif</p>
									</div>
									<div class="col-md-8">
										<p id="userInfoActive"></p>
									</div>
								</div>
							</div>
							<div id="userManageCol" class="col-md-3"></div>
						</div>
						<div id="userExtraInfoRow" class="row">
							<div class="col-md-6">
								<div class="row userSubMenu">
									<i class="fa fa-book"></i> Rendus
								</div>
								<div id="userExtraInfoRenderRow" class="row"></div>
							</div>
							<div class="col-md-6">
								<div class="row userSubMenu">
									<i class="fa fa-group"></i> Groupes
								</div>
								<div id="userAssignToGroup" class="row">
									<div class="col-md-8">
										<form class="form-horizontal" role="form">
											<div class="form-group">
												<label for="groupIdToAssign" class="col-sm-5 control-label">Groupe
													à assigner</label>
												<div class="col-sm-6">
													<input type="text" class="form-control"
														id="groupIdToAssign" placeholder="ID du groupe">
												</div>
											</div>
										</form>
									</div>
									<div class="col-md-2">
										<button type="button" class="btn btn-success btn-block"
											href="#" onclick="assignUserToGroup();"
											style="font-size: 20px;">
											<i class="fa fa-plus"></i>
										</button>
									</div>
								</div>
								<div id="userExtraInfoGroupRow" class="row"></div>
							</div>
						</div>
					</div>
					<div id="userCreateRow" class="row stripes" hidden>
						<div class="col-md-9">
							<form id="userCreateForm" class="form-horizontal" role="form">
								<div class="form-group">
									<label for="userCreateFirstName" class="col-sm-2 control-label">Prénom</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="userCreateFirstName" placeholder="Prénom">
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateLastName" class="col-sm-2 control-label">Nom</label>
									<div class="col-sm-10">
										<input type="text" class="form-control"
											id="userCreateLastName" placeholder="Nom">
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateLogin" class="col-sm-2 control-label">Login</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" id="userCreateLogin"
											placeholder="Login">
									</div>
								</div>
								<div class="form-group">
									<label for="userCreatePassword" class="col-sm-2 control-label">Mot
										de passe</label>
									<div class="col-sm-10">
										<input type="password" class="form-control"
											id="userCreatePassword" placeholder="Mot de passe">
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateMail" class="col-sm-2 control-label">Mail</label>
									<div class="col-sm-10">
										<input type="email" class="form-control" id="userCreateMail"
											placeholder="Mail">
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateEntity" class="col-sm-2 control-label">Entité</label>
									<div class="col-sm-10">
										<select id="userCreateEntity" class="form-control">
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateRight" class="col-sm-2 control-label">Droits</label>
									<div class="col-sm-10">
										<select id="userCreateRight" class="form-control">
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="userCreateStatus" class="col-sm-2 control-label">Status</label>
									<div class="col-sm-10">
										<select id="userCreateStatus" class="form-control">
										</select>
									</div>
								</div>
							</form>
						</div>
						<div id="userCreateManage" class="col-md-3">
							<button type="button" class="btn btn-info btn-block" href="#"
								onclick="goBackFromUserCreate();">
								<i class="fa fa-reply fa-lg"></i> Retour
							</button>
							<button type="button" class="btn btn-warning btn-block" href="#"
								onclick="clearFormInputs('userCreateForm');">
								<i class="fa fa-magic"></i> RàZ
							</button>
							<button type="button" class="btn btn-success btn-block" href="#"
								onclick="createUser();">
								<i class="fa fa-plus"></i> Ajouter
							</button>
						</div>
					</div>
				</div>
			</div>
			<!-- /.container -->


		</div>
		<!-- /.pageContainer -->
	</div>

	<!-- Hidden infos -->

	<input type="hidden" id="loggedUserFirstName" readonly="readonly"
		value="<s:property value="#session.sFirstName" />" />
	<input type="hidden" id="loggedUserLastName" readonly="readonly"
		value="<s:property value="#session.sLastName" />" />
	<input type="hidden" id="loggedUserId" readonly="readonly"
		value="<s:property value="#session.idUser" />" />
	<input type="hidden" id="loggedUserLogin" readonly="readonly"
		value="<s:property value="#session.sLogin" />" />
	<input type="hidden" id="loggedUserMail" readonly="readonly"
		value="<s:property value="#session.sMail" />" />
	<input type="hidden" id="loggedUserEntity" readonly="readonly"
		value="<s:property value="#session.idEntity" />" />
	<input type="hidden" id="loggedUserStatus" readonly="readonly"
		value="<s:property value="#session.idStatus" />" />
	<input type="hidden" id="loggedUserRight" readonly="readonly"
		value="<s:property value="#session.idRight" />" />
	<input type="hidden" id="loggedUserAuthentificationType"
		readonly="readonly"
		value="<s:property value="#session.sAuthentificationType" />" />
	<input type="hidden" id="loggedUserIsActive" readonly="readonly"
		value="<s:property value="#session.bIsActive" />" />

	<!-- Javascript -->
	<script src="./js/jquery.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	<script src="./js/jstorage.js"></script>
	<script src="./js/Rendus/logginFills.js"></script>
	<script src="./js/Rendus/searchObject.js"></script>
	<script src="./js/Rendus/createObject.js"></script>


	<script>
		function navigation(divName, idToActive) {
			$("li.renderNav").removeClass("active");
			$("#" + idToActive).addClass("active");
			$("#pageContainer").children().hide();
			$("#pageContainer").find("#" + divName).show();
		}
	</script>

	<script>
		function logOff() {
			$.jStorage.flush();
			window.location
					.replace("http://localhost:8080/it340g2/login.action");
		}
	</script>


</body>
</html>